@import './_mixin.scss';
@import './_var.scss';

* {
	box-sizing: border-box;
}
html, body {
	width: 100%;
	background: #ffffff;
}
body,input,dd,dl,h1,h2,h3,h4,h5,p,ul,ol,figure {
	margin: 0;
}
button,input,option,textarea {
	padding: 0;
}
ol,ul {
	padding-left: 0;
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body, a, button, input {
	font-size: 14px;
	line-height: 1.4;
	color: $color-black;
	font-weight: 500;
	font-family: "Microsoft YaHei"
}
:focus,a,button,input {
	-webkit-tap-highlight-color: transparent;
}
a {
	text-decoration: none;
}
button,fieldset,img,input,select,textarea {
	outline: 0;
	border: 0;
}
button {
	background: transparent;
	cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
img {
	width: 100%;
	height: 100%;
}
textarea {
	overflow: auto;
	resize: none;
}
del {
	text-decoration: line-through;
}
address,em,i,strong,th,caption {
	font-weight: 400;
}
em,i {
	font-style: normal;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.clearfix {
	@include clearfix();
}
.c-main {
	color: $color-main !important;
}
.app-container {
	width: 1380px;
	min-width: 1380px;
	margin: 0 auto;
	overflow: hidden;
}
.min-container {
	width: 920px;
	margin: 0 auto;
}
// 懒加载
[lazy="loading"] {
	background: #f6f6f6 url(../assets/lazy-error.png) no-repeat center center !important;
	background-size: auto !important;
	&.minimg {
		background-size: contain !important;
	}
}

[lazy="error"] {
	background: #f6f6f6 url(../assets/lazy-error.png) no-repeat center center !important;
	background-size: auto !important;
	&.minimg {
		background-size: contain !important;
	}
}

#app {
	min-width: 1380px;
}

// 多行文字省略：
.p-line-hide {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	white-space: normal;
	text-align: left;
}

// 一行文字省略：
.p-hide {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

// button
.btn {
	width: 100%;
	height: 100%;
	min-height: 30px;
	color: #ffffff;
	background-color: $color-main;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
}

.cur {
	cursor: pointer;
}

// 缺货标记
.out-stock {
  &::after {
    content: '';
    position: absolute;
    background-image: url('../assets/out-stock.png');
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    z-index: 2;
    right: 0;
  }
}